@charset "utf-8";
 @media screen and (min-width: 1920px) { 
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
	#about {
		background-size: 100% 100%;
	}
 }
 @media screen and (max-width: 1500px) { 
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
 	.newsInfo .main .titleBox .title,.caseInfo .main .titleBox .title{
 		float: none;
 		max-width: 100%;
 	} 
 	.newsInfo .main .titleBox .time,.caseInfo .main .titleBox .time {
 		float: none;
 		width: 100%;
 	}
 } 
 @media screen and (max-width: 1320px) { 
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
	.topMain .keyword {
		float: left;
	}
	.topMain .search {
		float: none;
		margin: 0 auto;
	}
	.menuBox2{
		float: none;
	
	}
 }
 @media screen and (max-width: 1250px) { 
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
	#about {
		background-size: auto 100%;
	}
	.about .imgList li {
		width: 33.333333%;
	}
 }
 @media only screen and (max-width: 1400px) and (min-width: 1270px){
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
	 .imgList .row .col-sm-4{
		 width:33%
	 }
	 .imgList .row .col-sm-4:nth-child(4){
		 display:none
	 }
	 .about .wrap .imgList{
		 display:none
	 }
 }
 @media screen and (max-width: 1270px) {
    .newsl{width:75%!important;}
    .newsr{width:20%!important;}
	#header {
		line-height: 60px;
	}
	#content { 
		padding-top: 60px; 
	}
	.header {
		padding: 0;
	}
	.header .nav {
		display: none;
	}
	.header .navBtn {
		display: block;
	}
	.header .logo a img {
		height: 40px;
	}
	.header .topPhone {
		display: none;
	}
	.footer1 {
		display: none;
	}
	.productInfo .main .topBox>div {
		width: 100%;
	}
	.productInfo .main .topBox .titleBox .wrap {
		position:static;
		margin: 50px 0 0;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
	.productInfo .main .topBox .titleBox .title {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 991px) {
    
    .newsl{width:100%!important;}
    
    .sideBar{display:none;}
    
	#logoBox{
		padding: 50px 0 20px;
	}
	.logoBox .titleBox .hr{
		margin: 0 auto 0;
    width: 362px;
    height: 1px;
    background: #e0e0e0;
    max-width: 100%;
	}
	.logoBox .titleBox .title {
		font-size: 24px;
		line-height: 30px;
		text-align: center;
		background: #fff;
	}
	.logoBox .titleBox .title span {
		color: #0070bb;
		font-size: 24px;
	}
	.news .titleBox,.news .menuBox {
		float: none;
	}
	.news .titleBox {
		margin-bottom: 20px;
		text-align: center;
		
	}
	.news .titleBox .hr {
    margin: 0 auto 0;
    width: 362px;
    height: 1px;
    background: #e0e0e0;
	max-width: 100%;
}
.news .titleBox .title{
	margin: -16px auto 0;
    width: 162px;
    color: #0070bb;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    background: #f4f4f4;
}
.news .titleBox .title span{
	color: #0070bb;
}
.news .titleBox .enTitle{
	margin-top: 5px;
    color: #a9a9a9;
}
	.news .menuBox {
		margin-top: 0;
		display: none;
	}
	#about {
		background: url(../images/homeabout.png) no-repeat left top;
		background-size: auto 100%;
	}
	.about .wrap {
		width: 100%;
	}
	.about2 .imgBox,.about2 .textBox {
		margin-top: 20px;
	}
	.newsInfo .main,.caseInfo .main,.productInfo .main{
		width: 100%;
	}
	.sideBar {
		width: 100%;
		margin-top:40px;
	}
}

@media screen and (max-width: 767px) {
	.mobi-bar{
		display: block;
	}
	.mapBox .container1 {
		height: 300px;
	}
	
	
	.productInfo .main .topBox .titleBox {
	position:relative;
	height: auto;
}
	
	
	
	
	#footer {
		padding-bottom: 58px;
	}
	.pageList {
		padding-top: 20px;
	}
	#about2 {
		padding-bottom: 50px;
	}
	.footer1-content,.footer2-content,#topBanner .titleBox,.topMain,.product,.case,.news,.logoBox,
	.about,.about2,.product2,.contact,.news2,.newsInfo,.caseInfo,.productInfo,.zhaopin {
		padding: 0;
		width: 100%;
	}
	#product,#case,.about .wrap,#newsInfo {
		padding: 50px 0;
	}
	#product2,#news2,#contact,#caseInfo,#productInfo,#newsInfo,#zhaopin {
		padding:20px 0 50px;
	}
	#news {
		padding: 50px 0 20px;
	}
	.moreBtn {
		margin: 5px auto 0;
		width: 160px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
	}
	.menuBox .option,.menuBox,.menuBox2 .option,.menuBox2{
		float: none;
		display:block;
	}
	.menuBox2{margin-top:0;}
	.menuBox .menu,.menuBox2 .menu {
		display:block !important;
		position: relative;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		text-align: left;
	}
	.menuBox .menu a,.menuBox2 .menu a {
		float:left;
		width:38.642%;
		margin-right: 0;
		padding: 0 15px;
		border-top: 0;
		border-bottom: 1px solid #f1f1f1;
		display: block;
		border-radius: 0;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	  	display: -webkit-box;
	  	-webkit-line-clamp: 1;
	  	-webkit-box-orient: vertical;
	}
	.menuBox .menu a.active,.menuBox2 .menu a.active {
		background: transparent;
		color: #fd8507;
		border-color: #f1f1f1;
	}
	.menuBox .menu a:hover,.menuBox2 .menu a:hover {
		background: #fd8507;
		color: #fff;
		border-color: #f1f1f1;
	}
	.logoBox .c-banner3 {
		margin: 0;
	}
	.news .c-banner2 .slick-dots {
		bottom: -5px;
	}
	#topBanner .wrap .title {
		font-size:18px;
		line-height: 22px;
	}
	#topBanner .wrap .enTitle {
		font-size:16px;
		line-height: 20px;
	}
	#topBanner .site {
		display: none;
	}
	.contact .textBox .title {
		margin:10px 0;
	}
	.contact .mapBox{
		display: none;
	}
	.contact .textBox {

		font-size: 15px;
		line-height: 32px;
	}
	.slick-initialized .slick-slide.pc{
		height: auto;
	}
	.c-banner4 .slick-prev {
		left: 10px;
		display: none;
	}
	.mobi-bar{
		
		background: #0070bb;
	}
	.mobi-bar li a img{
		filter: grayscale(100%) brightness(900%);
	}
	.mobi-bar li a{
		color: #fff;
	}
	#book_post .top{
		display: block;
	}
	#book_post .top .form-group{
		width: 100%;
	}
	.c-banner4 .slick-next {
		right: 10px;
	}
	.news2 .pageList {
		padding-top:10px;
	}
	.mt-30 {
		margin-top:-30px;
	}
	.side-bar {
		display: none;
	}
	.sideBar .phoneBox {
		display: none;
	}
}

 
@media screen and (max-width: 479px) {
	.product .titleBox .enTitle, .case .titleBox .enTitle, .logoBox .titleBox .enTitle{
		color: #aaaaaa;
    font-size: 14px;
    top: initial;
    opacity: 1;
    font-weight: 500;
    line-height: initial;
    margin-top: 5px;
	margin-bottom: 20px;
	}
	.product .titleBox .hr, .case .titleBox .hr{
		display: block;
	}
	.about .imgList li {
		width: 50%;
	}
	.about .titleBox .enTitle {
		color: #aaaaaa;
		font-size: 14px;
		top: initial;
		opacity: 1;
		font-weight: 500;
		line-height: initial;
		margin-top: 5px;
		margin-bottom: 20px;
	}
	.about .titleBox .hr{
		display: block;
	}
	.about .titleBox .title {
	    background: #fff;
    color: #0070bb;
    font-weight: bold;
    font-size: 24px;
	}
	.about .titleBox .title span{
    color: #0070bb;
}
	.about .wrap{
		padding:0
	}
	.about .titleBox .btn {
		margin-top: 12px;
	}
	#about {
		background:none;
		padding: 50px 0;
	}
	.myani .about .container-fluid{
		display:block;
	}
	.myani .about .container-fluid .imgList{
		display:none
	}
	.myani .about .about_left{
		width: 100%;
		margin-top:30px;
	}
	.product .container-fluid .imgList .row{
		display:block;
		margin:0px;
	}
	.product .container-fluid .imgList .row li{
		    width: 48.5%;
            padding: 0;
            margin-right: 2.5%;
            background: #fff;
            margin-bottom: 30px;
	}
	.product .container-fluid .imgList .row li:nth-child(2n){
		margin-right:0
	}
	.case .imgList .row {
		margin:0px;
		justify-content: space-between;
	}
	.case .imgList .row .col-sm-4{
		width:49%;
		padding:0px;
		overflow: hidden;
	}
	.case .imgList .row:after{
		display:none
	}
	.case .imgList .mask{
		position: static;
		opacity: 1;
		background:#fff;
	}
	.case .imgList .title{
		position: static;
		color:#666;
		font-size: 16px;
		padding: 0;
	}
	.product .imgList p, .case .imgList p{
		display: none;
	}
	.case .imgList .mask .see{
		display:none;
	}

	.case .imgList a{
		margin-bottom:0px;
	}
	#content #topMain{
		display:none;
	}
	#content #product{
		background:#f8f8f8;
	}
	#content .product .titleBox .title{
		background:#f8f8f8;
		font-size: 24px;
	}
	.product .titleBox .hr{
		width: 80%;
		height: 1px;
		background: #e0e0e0;
	}
	.menuBox .menu a{
		padding:0px;
		width:48%;
		margin-left:0px;
		margin-right:2.5%;
		margin-bottom:2%;
		text-align:center;
		font-size: 15px;
	}
	.menuBox .menu a:nth-child(2n){
		margin-right:0;
	}
	.product .imgList a img{
		border:none;
	}
	.product .imgList a:after{
		position:static;
		background:#fff;
		display:none;
	}
	.product .imgList a{
		margin-bottom:0px;
	}
	.product .imgList .title{
		color:#666;
		font-size: 16px;
		position: static;
	}
	.product .imgList .mask{
		display:none
	}
	.news .c-banner2{
		display:block;
	}
	.c-banner2 .c-banner2_img{
		width:100%;
		height:auto;
	}
	.c-banner2 .c-banner2_img a .c-banner2_img1{
		height:auto;
		background:none;
	}
	.c-banner2 .c-banner2_img a .c-banner2_img1 img{
		display:block;
		width: 100%;
	}
	.news .c-banner2{
		margin:auto;
	}
	.news .c-banner2 .c-banner2_left{
		width:100%;
		margin-top: 20px;
	}
	.c-banner2 .c-banner2_left .content_left a .data{
		min-width:auto;
		padding: 3%;
		width: 25%;
	}
	.c-banner2 .c-banner2_left .content_left a .data h2{
		font-size:28px;
	}
	.c-banner2 .c-banner2_left .content_left a .right h3{
		font-size:16px;
	}
	.c-banner2 .c-banner2_left .content_left a .right p{
		font-size:13px;
	}
	.c-banner2 .c-banner2_left .content_left a .right{
		padding:5%
	}
	.about .titleBox .text{
		color:#666;
		line-height:26px;
		width: auto;
	 	text-align: left;
        font-size: 14px;
	}
	.about .wrap .module_ul {
		display: flex;
		justify-content: space-around;
		margin-top: 60px;
		flex-wrap: wrap;
	}
	.about .wrap .module_ul li{
		text-align: center;
        color: #666;
        width: 50%;
        margin-bottom: 25px;
	}
	.about .wrap .module_ul .number .timer {
		font-size: 32px;
		font-weight: bold;
		color: #0070bb;
	}
	.about .wrap .module_ul .number .unit {
		font-size: 13px;
		position: relative;
		top: -10px;
	}
	.about .wrap .module_ul .title_p {
		font-size: 14px;
		margin-top: 5px;
	}
	.logoBox .c-banner3 .slick-prev , .slick-next{
		display:none !important;
	}
	.productInfo .main .topBox .imgBox{
		width:100%
	}
	.productInfo .main .topBox>div .c-banner4 .swiper-button-next{
		display:none !important;
	}
	.productInfo .main .topBox .titleBox .title{
		font-size:20px;
	}
	#logoBox{
		background:#fff;
	}
	#logoBox .banner-container{
		width: 100%;
	}
	#logoBox .slick-slider .slick-track{
		display: block;
	}
	#logoBox .slick-slider .slick-track .slick-slide{
		width:33%;
		margin-bottom: 10px;
	}
	#logoBox .banner-container .swiper-wrapper .swiper-slide img{
		border: 1px solid #eee;
	}
	.product .titleBox .title, .case .titleBox .title{
		font-size: 24px;
		line-height: 26px;
		background: #fff;
	}
	#product2 .imgList .row{
		margin:auto;
		justify-content: space-between;
		
	}
	#product2 .imgList .row li{
		width:49%;
		padding:0px
	}
	.product2 .imgList .title{
		font-size:16px
	}
}